.header {
  position: absolute;
  width: 100%;
  // top: 0;
  top: -1px;
  left: 0;
  display: flex;
  justify-content: space-between;
  line-height: 64px;
  height: 64px;
  padding-left: 34px;
  padding-right: 34px;
  // background: linear-gradient(180deg, rgba(55, 59, 76, 0.88) 0%, rgba(19, 26, 47, 0.88) 100%);
  // background-image: url('./images/header_bg.svg');
  // background-image: url('./images/header_bg.png');
  background-image: url('./images/导航.svg');
  background-position-x: center;
  // background-position-y: -12px;
  background-repeat: no-repeat;
  color: #ffffff;
  z-index: 20;
  text-align: left;
  font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
  &Title {
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    text-align: center;

    letter-spacing: 2px;
    // color: rgba(#ffffff, 0.8);
    .main {
      transition: all linear 0.3s;
      &Small {
        // font-size: 16px;
        // letter-spacing: unset;
        color: rgba(#ffffff, 0.7);
        // transform: translateY(-15px);
        transform-origin: top;
        transform: scale(0.6);
        cursor: pointer;
        &::before {
          content: '[';
        }
        &::after {
          content: ']';
        }
      }
    }

    .project {
      padding-top: 20px;
      height: 44px;
      line-height: 24px;
      transition: height linear 0.3s;
      &Hide {
        height: 0;
        padding-top: 0;
      }
    }
  }
  span {
    cursor: pointer;
  }
  :global {
    .anticon {
      margin-right: 10px;
      color: #2fb0ff;
    }
  }

  &Left,
  &Right {
    width: 560px;
  }
  &Left {
    // width: 450px;
  }
  &Right {
    text-align: right;
  }

}

.btn {
  margin-right: 38px;
  color: rgba(#ffffff, 0.85);
  transition: all linear 0.2s;
  img {
    margin-right: 4px;
    width: 20px;
  }
  &Active,
  &:hover {
    color: #2fb0ff;
    img {
      filter: brightness(0) saturate(100%) invert(64%) sepia(18%) saturate(7076%) hue-rotate(176deg)
        brightness(101%) contrast(101%);
    }
  }
}

@keyframes c-breath {
  0% {
    width: 80px;
    opacity: 0.5;
  }
  60% {
    width: 86px;
    opacity: 1;
  }
  100% {
    width: 80px;
    opacity: 0.5;
  }
}
